<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SMK Pasundan Rancaekek</title>

<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/ddsmoothmenu.js">

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
</head>

<body id="subpage">

<div id="templatemo_outer_sub_wrapper">
	<div id="templatemo_sub_wrapper">
    
    	<div id="templatemo_header">            
            <?php
			include "menu.php";
			?>
            <div class="cleaner"></div>

        </div> <!-- end of templatemo header -->
        
        <div id="templatemo_main">
        
          	<div class="col_w960 col_w960_last">
				<div class="col_w300 float_r">
                
                    <h3>Tentang Sekolah</h3>
                    <?php 
					include "menu_kiri.php";
					?>
                
                </div>  
                <div class="col_w600 float_l">
                    
                    <h2>Gallery</h2>
                    <div id="gallery">
                <div class="gallery_box">
                    <a class="pirobox" href="images/gallery/image_01_b.jpg" title="Sed sagittis orci nec ipsum sodales vitae interdum nibh tempor.">
                        <img src="images/gallery/image_01.jpg" alt="Image 01" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
                
                <div class="gallery_box">
                    <a class="pirobox" href="images/gallery/image_02_b.jpg" title="In dignissim elit non massa auctor hendrerit.">
                      <img src="images/gallery/image_02.jpg" alt="Image 02" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
                
                <div class="gallery_box">
                    <a class="pirobox" href="images/gallery/image_03_b.jpg" title="Vivamus at dolor eget ipsum pharetra semper a at nibh.">
                        <img src="images/gallery/image_03.jpg" alt="Image 03" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
                
                <div class="gallery_box gb_lmb">
                    <a class="pirobox" href="images/gallery/image_04_b.jpg" title="Suspendisse sagittis libero nec odio volutpat tempor sed sed est.">
                        <img src="images/gallery/image_04.jpg" alt="Image 04" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
                
                <div class="gallery_box">
                    <a class="pirobox" href="images/gallery/image_05_b.jpg" title="Proin id quam vitae turpis ultricies laoreet sed ac dolor.">
                        <img src="images/gallery/image_05.jpg" alt="Image 05" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
                
                <div class="gallery_box">
                    <a class="pirobox" href="images/gallery/image_06_b.jpg" title="Nam elementum est ac odio vestibulum aliquet.">
                        <img src="images/gallery/image_06.jpg" alt="Image 06" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
              
                <div class="gallery_box">
                    <a class="pirobox" href="images/gallery/image_07_b.jpg" title="Donec ornare mauris eu sapien eleifend ullamcorper.">
                        <img src="images/gallery/image_07.jpg" alt="Image 07" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
              
                <div class="gallery_box gb_lmb">
                    <a class="pirobox" href="images/gallery/image_08_b.jpg" title="Aenean convallis arcu feugiat metus sodales congue.">
                        <img src="images/gallery/image_08.jpg" alt="Image 08" class="image_wrapper" />
                    </a>
                    
                    <div class="cleaner"></div>
                </div>
          </div> 
                </div>
                
            	<div class="cleaner"></div>   
            </div>        
        </div>
    
    </div> <!-- end of templatemo_wrapper -->
</div> <!-- end of templatemo_outer_wrapper -->

<?php
	include "footer.php";
?>

</body>
</html>